$(document).ready(function(){
    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }

    var $tql=$(".character-content.tpl").remove();
    var boxArray=$(".character-box");
    var page=1;
    var pageSize=8;
    var ifReadMore=true;
    $(".js-read-more").click(function(){
        loadData();
    })
    loadData();
    function loadData(){
        if(!ifReadMore) return;
        $.ajax({
            url:_root+"article/listJson",
            type:'GET',
            dataType:'json',
            data:{
                'menu_id':getUrlParam("menu_id"),
                page:page
            },
            success:fillCharaterBox
        });
    }
    

    function fillCharaterBox(d){
        page++;
        if(pageSize*page>=parseInt(d.total)){
            ifReadMore=false;
            $(".read-more").hide();
        }
        // console.log(boxArray.length);
        for(var i=0;i<d.data.length;i++){
            var data=d.data[i];
            var $content=$tql.clone();
            $content.hide();
            $content.find("img").attr("src",data.pic_url);
            $content.find("a").attr("href",_root+"article/content?id="+data.id);
            $content.find("span.title").text(data.title);

            boxArray.eq(getMinBox()).append($content);
            $content.fadeIn(500);
        }
    }

    function getMinBox(){
        var minIndex=0;
        for(var i=0;i<boxArray.length;i++){
            if(boxArray.eq(i).height()<boxArray.eq(minIndex).height()){
                minIndex=i;
            }
        }
        return minIndex;
    }

    $(window).scroll(function(event) {
        var windowScroll = $(this).scrollTop();
        if($(document).height() - $(this).scrollTop() - $(this).height()<10){
            loadData();
        }
    });
});